<% include header %>
<div id="nav">
    <nav class="container nav-header">
        <div class="text-center">
            <span class="glyphicon glyphicon-chevron-left back"></span>
            <span class="title"> <%= title %></span>
            <span class="glyphicon glyphicon-home home"></span>
        </div>
    </nav>
</div>
<div class="container regContainer">
    <!--注册表单-->
    <form method="post" action="/reg">
        <label for="">用户名</label>
        <!--可以在input中加入autocomplete="off" 清除表单之前输入的值-->
        <input type="text" name="name" autocomplete="off" placeholder=" 2到16位的数字字母汉字的组合" class="form-control name"
               required pattern="^[0-9a-zA-Z\u4e00-\u9fa5]{2,16}$"><br>
        <p id="name"></p>

        <label for="">密码</label>
        <input type="password" name="password" placeholder="密码格式为6到18位的数字或者字母" class="form-control password" required
               pattern="^[a-z0-9_-]{6,18}$"><br>
        <p id="password"></p>

        <label for="">重复密码</label>
        <input type="password" name="password-repeat" class="form-control password-repeat" required
               pattern="^[a-z0-9_-]{6,18}$" placeholder="重复密码必须和密码一样"><br>
        <p id="repeatPsd"></p>


        <label for="">邮箱</label>
        <input type="email" name="email" autocomplete="off" class="form-control email" required
               placeholder="请填写正确的邮箱"><br>
        <p id="email"></p>

        <input type="submit" value="注册" class="btn btn-block btn-primary" id="register">
    </form>

</div>
<% include footer %>

